<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
<link rel="stylesheet" type="text/css" href="http://unpkg.com/iview/dist/styles/iview.css">
<script type="text/javascript" src="../vue.min.js"></script>
<script type="text/javascript" src="http://unpkg.com/iview/dist/iview.min.js"></script>
  <script src="../dist/gallery.js"></script>
</head>
<body>
<div id="app">
	<button type="text" @click="preview">preview</button>
	<gallery ref='gallery'></gallery>
</div>
<script>
  var vm=new Vue({
    el:'#app',
	data:{
	},
    components:{
      gallery:gallery.default
    },
	methods:{
		preview:function(){
			this.$refs.gallery.open('http://res.woyaozhg.com/upload/20190429/21341866008880.jpg,http://res.woyaozhg.com/upload/20190429/213423906c85e2.jpg,http://res.woyaozhg.com/upload/20190414/20093050140131.mp4,http://res.woyaozhg.com/upload/20190429/21341866008880.jpg,http://res.woyaozhg.com/upload/20190429/213423906c85e2.jpg,http://res.woyaozhg.com/upload/20190414/20093050140131.mp4');
		}
	}
  })
</script>
</body>
</html>